Method to provide design information

ABSTRACT

Disclosed is a user interface including: a design image layer including a design image, and displaying a visual representation in one or more regions corresponding to a user selection input on the design image, in response to the user selection input in a selection layer; and a selection layer including one or more design data associated with the design image, and allowing a user selection input to the one or more design data.

CROSS-REFERENCE TO RELATED APPLICATIONS

This application is a continuation of U.S. patent application Ser. No.16/819,926, filed on Mar. 16, 2020, which claims priority to and thebenefit of Republic of Korea Patent Application No. 10-2019-0172432filed on Dec. 20, 2019, which are incorporated herein by reference intheir entirety.

TECHNICAL FIELD

The present disclosure relates to providing design information, and moreparticularly, to a method for providing a user interface for displayingdesign information.

BACKGROUND ART

In the conventional garment production practice, in order to delivergarment data to fabricate garments, design work is performed bypreparing the design of the garment through handwriting or by directdelivery of a physical sample of a garment to a garment manufacture,which includes, for example, fabric, supplemental material, etc.However, the delivery of physical sample takes a long time. When photosof the garment is sent remotely, the garment data may not be accuratelydelivered to the manufacture. To address these issues, offlinedigitalizing of the garment data is recently being performed. However,when the digitalized design data is provided to a manufacture, it may bedifficult for the manufacture to intuitively understand the garment dataor perform operations on the data.

SUMMARY OF THE INVENTION

Embodiments relate to designing of an article by displaying, an image ofa virtual version of the article in a design image layer and displayingdesign data items indicating types or configurations of items that formpart of a physical version of the article in a selection layer. Thearticle includes a plurality of regions. After a user selection inputindicating selection of one or more of the items by a user is received,one or more of the regions corresponding to the selected one or more ofthe items are displayed in a distinctive manner.

In one or more embodiments, the design image layer and the selectionlayer are different layers. The selection layer is moved relative to thedesign image layer in response to a user movement input.

In one or more embodiments, at least a part of a region in the selectionlayer is overlaid on the design image layer in a transparent manner torender the design image layer visible.

In one or more embodiments, one or more categories of the items in acategory region of the selection layer are displayed. The user selectioninput identifies the one or more categories to select the items. Adesign data region displaying the design data items in a design dataregion of the selection layer is displayed.

In one or more embodiments, the category region and the design dataregion are displayed alongside each other.

In one or more embodiments, the category object includes at least one ofa pattern category object, a material category object, a supplementalmaterial category object, or a measure category object.

In one or more embodiments, the design data region displays at least oneof identification data identifying the one or more design data ordescriptive data describing the one or more design data items.

In one or more embodiments, the descriptive data includes at least oneof an image or a text describing a corresponding design data item.

In one or more embodiments, an identification data or sub design imagedata is displayed. The identification data identifies a design data onthe image of the virtual version of the article. Sub design image datadisplays a region corresponding to the design data item on the image ofthe virtual version of the article.

In one or more embodiments, the one or more of the regions correspondingto the selected one or more of the items are less transparent comparedto regions other than the one or more of the regions.

In one or more embodiments, an outline of the one or more regionscorresponding to the selected one or more items are displayed.

In one or more embodiments, the one or more regions are displayed in acolor different from regions other than the one or more regions.

In one or more embodiments, an annotation layer is overlaid on thedesign image layer or the selection layer to enable the user to add oneor more annotations on the displayed image of the virtual version of thearticle or a design data item in the selection layer.

In one or more embodiments, after receiving a user adjustment input, alocation, an angle, or a size of the image of the virtual version of thearticle is changed.

In one or more embodiments, a design image change layer overlaid on thedesign image layer is displayed. A user design input representing changeof a feature related to the virtual version of the article is received.In response to receiving the user design input, the displayed image ofthe image of the virtual version of the article is updated.

In one or more embodiments, the virtual version of the article includesone or more sub-objects selectable by the user. A sub-object user inputselecting one of the one or more sub-objects is received. One or moredesign data items corresponding to the selected sub-object are displayedin the selection layer.

In one or more embodiments, a portion of the selection layer withannotation is displayed in a different manner compared to anotherportion of the selection layer without annotation.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a block diagram of a computing device for performing anoperation for providing a user interface for displaying designinformation according to an exemplary embodiment of the presentdisclosure.

FIG. 2 is a user interface diagram illustrating a design file list layerand a design image layer, according to one embodiment of the presentdisclosure.

FIG. 3 is a user interface diagram illustrating a selection layeroverlaid on the design image layer, according to one embodiment of thepresent disclosure.

FIG. 4 is a user interface diagram illustrating an annotation layeroverlaid on the design image layer, according to one embodiment of thepresent disclosure.

FIG. 5 is a flowchart for providing a user interface for displayingdesign information according to an exemplary embodiment of the presentdisclosure.

FIG. 6 is a block diagram of a computing device according to anexemplary embodiment of the present disclosure.

DETAILED DESCRIPTION

Various exemplary embodiments will now be described with reference todrawings. In the present specification, various descriptions arepresented to provide appreciation of the present disclosure. However, itis apparent that the exemplary embodiments can be executed without thespecific description.

A layer described herein refers to a level at which an object or imagemay be placed in digital graphics. Two or more layers may be displayedsimultaneously in an overlaid manner where one layer is overlaid ontoanother layer. The upper one of the two or more layers may be partiallysemi-transparent to render the lower one of the two or more layersvisible. Each of the layers may include one or more regions.

An object described herein refers to a graphical element that may beplaced in a layer. The object may include, among others, a picture, asymbol, or text. Some of the objects may be used for receiving a userinput representing a user's selection.

FIG. 1 is a block diagram of a computing device for performing anoperation for providing a user interface for displaying designinformation according to an exemplary embodiment of the presentdisclosure.

A computing device 100 for performing an operation for providing a userinterface for displaying design information according to an exemplaryembodiment of the present disclosure may include a network unit 110, aprocessor 120, a memory 130, an output unit 140, and an input unit 150.

According to exemplary embodiments of the present disclosure, computingdevice 100 may include a personal computer (PC), a notebook, a mobileterminal, a smart phone, a tablet PC, and the like and include all kindsof terminals which may access a wired/wireless network.

Network unit 110 may transmit and receive data to and from othercomputing devices, servers, and the like to provide the user interfacefor displaying design information according to an exemplary embodimentof the present disclosure.

According to an exemplary embodiment of the present disclosure, networkunit 110 may operate based on arbitrary type wired/wirelesscommunication technology which is currently used and implemented, suchas local area (short range), long range, wired, and wireless.

According to an exemplary embodiment of the present disclosure, theprocessor 120 may be constituted of one or more cores and may includeprocessors for providing the user interface for displaying the designinformation, which include a central processing unit (CPU), a generalpurpose graphics processing unit (GPGPU), a tensor processing unit(TPU), and the like of a computing device. The processor 120 may providethe user interface which reads a computer program stored in the memory130 and displays the design information according to an exemplaryembodiment of the present disclosure. At least one of the CPU, theGPGPU, and the TPU of the processor 120 may provide or generate the userinterface for displaying the design information. For example, a userinterface may be provided, in which both the CPU and the GPGPU displaythe design information. Furthermore, a user interface may be provided,which displays the design information by using processors of a pluralityof computing devices together in an exemplary embodiment of the presentdisclosure. Furthermore, the computer program executed in the computingdevice according to an exemplary embodiment of the present disclosuremay be a CPU, GPGPU, or TPU executable program.

The memory 130 according to an exemplary embodiment of the presentdisclosure may store any type of information created or determined bythe processor 120 or any type of information received by the networkunit 110.

According to an exemplary embodiment of the present disclosure, thememory 130 may include at least one type of storage medium of a flashmemory type storage medium, a hard disk type storage medium, amultimedia card micro type storage medium, a card type memory (forexample, an SD or XD memory or the like), a random access memory (RAM),a static random access memory (SRAM), a read-only memory (ROM), anelectrically erasable programmable read-only memory (EEPROM), aprogrammable read-only memory (PROM), a magnetic memory, a magneticdisk, or an optical disk. The computing device 100 may operate inconnection with a web storage performing a storing function of thememory 130 on the Internet. The description of the memory is merely anexample and the present disclosure is not limited thereto.

The output unit 140 according to an exemplary embodiment of the presentdisclosure may display any user interface (UI) for providing userselection based design information. The output unit 140 may display theuser interface illustrated in FIGS. 2 to 4. Hereinafter, user interfacesillustrated and described below are only examples and the presentdisclosure is not limited thereto.

The output unit 140 according to an exemplary embodiment of the presentdisclosure may output any type of information created or determined bythe processor 120 or any type of information received by the networkunit 110.

The output unit 140 according to an exemplary embodiment of the presentdisclosure may include at least one of: a liquid crystal display (LCD),a thin film transistor-liquid crystal display (TFT LCD), an organiclight-emitting diode (OLED), a flexible display, or a 3D display. Somedisplay modules among them may be configured as a transparent or lighttransmissive type to view the outside through the displays. This may becalled a transparent display module, and a representative example of thetransparent display module includes a transparent OLED (TOLED) and thelike.

User input may be received through the input unit 150 according to anexemplary embodiment of the present disclosure. The input unit 150according to an exemplary embodiment of the present disclosure mayinclude keys and/or buttons for receiving the user input. A computerprogram for providing the user selection based design informationaccording to the exemplary embodiment of the present disclosure may beexecuted according to the user input through the input unit 150.

The input unit 150 according to an exemplary embodiment of the presentdisclosure receives a signal by sensing a button operation or a touchinput of the user or receives a speech or a motion of the user through acamera or a microphone to convert the received signal, speech, or motioninto an input signal. To this end, speech recognition technologies ormotion recognition technologies may be used.

The input unit 150 according to an exemplary embodiment of the presentdisclosure may be implemented as an external input equipment connectedto the computing device 100. For example, the input equipment may be atleast one of: a touch pad, a touch pen, a keyboard, or a mouse forreceiving the user input, but this is merely an example and the presentdisclosure is not limited thereto.

The input unit 150 according to an exemplary embodiment of the presentdisclosure may recognize user touch input. The input unit 150 accordingto an exemplary embodiment of the present disclosure may be the samecomponent as the output unit 140. The input unit 150 may be configuredas a touch screen implemented to receive selection input of the user.The touch screen may adopt any one scheme of a contact type capacitivescheme, an infrared light detection scheme, a surface ultrasonic wave(SAW) scheme, a piezoelectric scheme, or a resistance film scheme. Adetailed description of the touch screen is merely an example accordingto an exemplary embodiment of the present disclosure and various touchscreen panels may be adopted in the computing device 100. The input unit150 configured as the touch screen may include a touch sensor. The touchsensor may be configured to convert a change in pressure applied to aspecific portion of the input unit 150 or capacitance generated at aspecific portion of the input unit 150 into an electrical input signal.The touch sensor may be configured to detect touch pressure as well as atouched position and area. When there is a touch input for the touchsensor, a signal(s) corresponding to the touch input is(are) sent to atouch controller. The touch controller processes the signal(s) andthereafter, transmits data corresponding thereto to the processor 120.As a result, the processor 120 may recognize which area of the inputunit 150 is touched and the like.

In an exemplary embodiment of the present disclosure, a server mayinclude other components for performing a server environment of theserver. The server may include all arbitrary types of devices. Theserver as a digital device may be a digital device with a calculationcapability, which has a processor installed therein and a memory, suchas a laptop computer, a notebook computer, a desktop computer, a webpad, or a mobile phone.

A server (not illustrated) performing an operation for providing theuser interface to the user terminal for displaying the designinformation according to an exemplary embodiment of the presentdisclosure may include a network unit, a processor, and a memory.

The server may generate the user interface according to an exemplaryembodiment of the present disclosure. The server may be a computingsystem providing information to a client (e.g., user terminal) through anetwork. The server may transmit the generated user interface to theuser terminal. In this case, the user terminal may be an arbitrary typeof the computing device 100 which may access the server. The processorof the server may transmit the user interface to the user terminalthrough the network unit. The server according to an exemplaryembodiment of the present disclosure may be, for example, a cloudserver. The server may be a web server that processes a service. A typeof the server described above is merely an example and the presentdisclosure is not limited thereto.

The network unit, the processor, and the memory included in the serveraccording to an exemplary embodiment of the present disclosure may playthe same roles or be configured similarly as the network unit 110, theprocessor 120, and the memory 130 included in the computing device 100.

FIG. 2 is a user interface diagram illustrating a design file list layer510 and a design image layer 700, according to one embodiment of thepresent disclosure. The design information may be information on adesigned article created by a user. The designed article may include,but not limited to, garment, bedding, doll, accessories andmiscellaneous items.

The processor 120 may receive design files including a design image andone or more design data items associated with the design image throughthe network unit 110. The processor 120 may display a design file listfor design files that may be selected by the user. The user interfacemay include layer 510 related to the design file list. The layer relatedto the design file list may be placed alongside design image layer 700.The layer 510 related to the design file list may display a design filewith a matching annotation and a design file without a matchingannotation in a different manner. For example, there may be anannotation input to at least one of the design image (also referred toherein as “virtual image of a virtual version of an article”) or designdata items included in design file 1 and there may be no annotationinput to design file 2. Since design file 1 and design file 2 havedifferent annotations, layer 510 related to the design file list maydisplay design file 1 and design file 2 in a different manner. Forexample, a design file with a corresponding annotation may be displayedwith a blue object while another design file without a correspondingannotation may be displayed with a yellow object.

The design image may be an image of virtual version of the designedarticle. In the example of FIG. 2, the design image represents a grayjacket and a pair of jeans.

A design data item refers to data indicating the configuration ofphysical items that form part of a physical version of the article thatcorresponds to the design image. A physical version of the article maybe made of various physical items. The design data items indicate thetypes and/or configuration of these various physical items. The designdata item may include data items related to at least one of: a pattern,a material, a supplemental material of the article, or a measure foreach of the pattern, the material, and the supplemental materialrequired for generating the article. The pattern may refer to definedcutting of at least some parts forming the article. For example, thepattern may indicate flat cutting for a front, a rear, a sleeve, andother parts forming a T-shirt. The material may refer to a raw materialforming the article. For example, the material may indicate the use ofcotton, wool, velvet, and etc., in the case of the garment. Thesupplemental material may be a material to supplement the raw material.For example, the material primarily used for fabricating the garment maybe fabric and the supplemental material may be a button, a logo, azipper, and etc. The measure may be a value for describing a dimensionof the material or the supplemental material of the article. Forexample, the measure may be a length of each corner of the pattern, adiameter of the button, and etc. For example, the design data item maybe data related to four patterns constituting the T-shirt, a materialconfiguring each part of the T-shirt, the button and the log attached tothe T-shirt, and the size or length for each of the pattern, thematerial, and the button and the logo.

The design file may be a file including the design image and one or moredesign data items associated with the design image. The design file maybe a file including information regarding designing the article using anonline program by designers (e.g., a garment designer). The informationregarding designing of the article may include the design image and thedesign data items. The design file may include one or more design imagesand one or more design data items corresponding to one or more designimages. For example, design file 1 may be a file for a jacket. Designfile 1 may include garment images for one or more jackets configured byone or more colors or materials. Furthermore, design file 1 may includeone or more design data items corresponding to the garment images forone or more jackets respectively. Design file 2 may be the file for theT-shirt.

The processor 120 may receive the design files through the network unit110. Alternatively, the processor 120 may read the design files storedin the memory 130. The design file may include data generated through anarticle design program.

The processor 120 may display at least one of: the design image or thedesign data items corresponding to the design file selected by the useramong displayed design files. The processor 120 may display the designimage on a design image layer 700. The design image layer 700 mayinclude the design image. The processor 120 may display the design dataitems on a selection layer 220. The selection layer 220 may include thedesign data items. For example, the processor 120 may display designfile 1 and design file 2. The processor 120 may display at least one of:the design image or the design data items for design file 1 selected bya user selection input. For example, in response to the user selectioninput indicating the design file included in the layer 510 among fileslisted in the design file list, at least one layer of the design imagelayer 700 and the selection layer 220 may further include at least oneof: the design image or the design data items associated with theselected design file. The processor 120 may display the design fileselected by the user and the remaining design files of the design filelist in a different manner. For example, only the design file selectedby the user may be marked with a dark color while the remaining designfiles may be marked with a light color.

The processor 120 may display at least one of: a design image displayobject 530, a design data display object 540, or an annotation displayobject 520. The design image layer 700 may include at least one of: thedesign image display object 530, the design data display object 540, orthe annotation display object 520.

The processor 120 may display at least one design image 210 of one ormore design images included in the design file in response to the userselection input to the design image display object 530. In response tothe user selection input to the design image display object 530, thedesign image layer 700 may further include the design image 210. Thedesign image display object 530 may be a display object displaying thedesign image. When the processor 120 receives the user selection inputto the design image display object 530 in a state in which the designimage is displayed, the processor 120 may not allow the design image tobe displayed. The processor 120 may delete the design image 210 includedin the design image layer 700 in response to the use selection input tothe design image display object 530 in the state in which the designimage 210 is displayed. In other words, the user input to the designimage display object 530 may operate like a display/non-display switchfor the design image.

The design file may include two or more design images. The processor 120may display one design image designated by default in advance among twoor more design images in response to a user design input to the designimage display object 530. The design image layer 700 may further includeone design image designed by default in advance among two or more designimages in response to the user design input to the design image displayobject 530. Alternatively, the processor 120 may display one arbitrarydesign image among two or more design images in response to the userdesign input to the design image display object 530. The design imagelayer 700 may further include one arbitrary design image among two ormore design images in response to the user design input to the designimage display object 530.

The design image included in the design file may be a two-dimensionalimage or a three-dimensional image. The processor 120 may adjust anddisplay at least one of: location, angle, or size where the design imageis displayed in response to a user adjustment input to the design image.

The user adjustment input may be a user input received through at leastone of the output unit 140 or the input unit 150. For example, the useradjustment input may be an input through a mouse or a touch sensor usedas the input unit 150.

The processor 120 may move a design image displayed at a first locationto a second location and display the moved design image in response to auser adjustment input. The design image layer 700 may further includethe design image moved from the first location to the second location inresponse to the user adjustment input. For example, the user adjustmentinput may be a click on the design image displayed at the first locationand a drag input to the second location.

The processor 120 may rotate the design image displayed at a first angleto be displayed at a second angle in response to the user adjustmentinput. The design image layer 700 may further include the design imagerotated at the second angle from the first angle in response to the useradjustment input. For example, according to the user adjustment input tothe design image 210 displayed at the first angle, the processor 120 mayrotate and display the design image so as to view a rear surface of thedesign image. For example, when the user adjustment input is a click onthe design image 210 and a drag input in a bottom right direction, theprocessor 120 may rotate and display the design image to view a rightshoulder part of the design image.

The processor 120 may enlarge or reduce a design image displayed with afirst size to a second size and display the enlarged or reduced designimage in response to the user adjustment input. The design image layer700 may further include the design image enlarged or reduced from thefirst size to the second size in response to the user adjustment input.The user adjustment input may be input through a mouse wheel.

When there are two or more design images included in the design file,the processor 120 may display the design image change layer 400 changingthe display design image. The user interface may further include thedesign image change layer 400. The processor 120 may display the designimage change layer 400 allowing change of a feature related to thedesign image when a user design input is received. The design imagechange layer 400 may include a display object allowing the userselection input to change the feature related to the design image. Thefeature related to the design image may include at least one of: color,material, or texture of the design image. For example, the jacket designimage included in design file 1 may include three colors. The processor120 may display the design image change layer 400 including displayobjects of respective design images of a jacket having three colors. Forexample, the design image included in design file 1 may be matched withtwo or more materials. For example, the material matched with the designimage may be velvet, wool, denim, cotton, etc. For example, the designimage included in design file 1 may be matched with two or moretextures. The texture may be associated with a roughness degree of thearticle (i.e., the designed garment in this example), a softness degreeof the article, a weaving degree of the material, and etc. For example,the design image included in design file 1 may be matched with 30 combedyarn and 40 combed yarn.

The processor 120 may change and display the feature of the design imagein response to the user design input in the image change layer 400. Thedesign image layer 700 may further include the design image of which thefeature is changed in response to the user design input in the imagechange layer 400. The processor 120 may display a design image relatedto the color or material corresponding to the display object accordingto the user design input.

The processor 120 may display design data items corresponding to thedesign image in response to a user selection input to the design datadisplay object 540. The selection layer 220 may be displayed in the userinterface in response to the user selection input to the design datadisplay object 540. The design data display object 540 may be a displayobject displaying the design data items corresponding to the designimage. When the processor 120 receives the user selection input to thedesign data display object 540 when the design data items is displayed,the processor 120 may allow the design data items not to be displayed.In other words, the user input to the design data display object 540 mayoperate as a display/non-display switch for the design data items. Amethod for displaying the design data items will be described below withreference to FIG. 3.

The processor 120 may display one or more annotations corresponding toat least one of: the design image or the design data items in responseto receiving a user selection input to the annotation display object520. At least one of the design image layer 700 or the selection layer220 may further include one or more annotations in response to the userselection input to the annotation display object 520. The annotationdisplay object 520 may be a display object displaying annotations storedin response to at least one of: the design image or the design dataitems. The annotation may be displayed simultaneously with the designimage or the design data items. The annotation may be included in alayer different from a layer including the design image or a layerincluding the design data items. When the processor 120 receives theuser selection input to the annotation display object 520 when theannotation is displayed, the processor 120 may allow the annotation notto be displayed. In other words, the user input for the annotationdisplay object 520 may operate as a display/non-display switch for theannotation.

The processor 120 may display an annotation input object 300. The designimage layer 700 may further include the annotation input object 300. Theannotation input object 300 may be a display object allowing anannotation input of the user. The processor 120 may display anannotation layer 310 in response to the user selection input to theannotation input object 300. The user interface may further include anannotation layer 310 that displays annotation input object 300 inresponse to receiving user input to the annotation input object 300. Theannotation will be described below with reference to FIG. 4.

FIG. 3 is a user interface diagram illustrating a selection layer 220overlaid on the design image layer 700, according to one embodiment ofthe present disclosure. The processor 120 may display the design imageand one or more design data items associated with the design image. Theuser interface may include the design image layer 700 including thedesign image. The user interface may include the selection layer 220including the design data items.

The processor 120 may display the selection layer 220. The userinterface may further include the selection layer 220. The selectionlayer 220 may be a layer displaying the design data items. The selectionlayer 220 may be a layer allowing the user selection input to one ormore design data items.

The design image layer 700 and the selection layer 220 may be differentlayers. In one embodiment, the selection layer 220 is overlaid on thedesign image layer 700. The selection layer 220 may have a smaller sizethan the design image layer 700. The selection layer 220 may moveindependently of the design image layer 700 in response to the userinput. The size of the selection layer 220 may be adjusted in responseto the user input.

At least a part of a region included in the selection layer 220 isdisplayed with transparency set equal to or more than a predeterminedthreshold. At least a part of a region included in the selection layer220 may be a region except for a region including one or more objectsincluded in the selection layer 220. In other words, a part except forinformation which needs to be viewed by the user, which is included inthe selection layer 220 may be displayed in a semi-transparent manner.At least a part of a region of the selection layer 220 is displayed withtransparency set to be high and as a result, even when some parts of thedesign images included in the selection layer 220 and the design imagelayer 700 are displayed simultaneously, the design image is visible. Atleast a part of a region of the selection layer 220 is displayed withtransparency set to be high, and as a result, the user can experience anenhanced level of convenience when examining the design image and thedesign data items.

The selection layer 220 may include a category region 230 and a designdata region 270. The category region 230 and the design data region 270included in the selection layer 220 may be disposed alongside eachother. In one or more embodiments, the two regions are disposed adjacentto each other. The two regions may be disposed so that a predetermineddistance between the two regions is maintained. At least partial regionsincluded in the category region 230 and the design data region 270respectively may be disposed adjacent to each other. The category region230 and the design data region 270 included in the selection layer 220may be disposed alongside each other vertically or horizontally. Thecategory region 230 may be disposed on the top of the selection layer220. The design data region 270 may be disposed on the bottom of theselection layer 220. The user may determine a category through thecategory region 230 and identify data associated with the category inthe design data region 270 disposed alongside on the bottom of thecategory region 230. The category region 230 and the design data region270 are disposed alongside each other to enhance intuitive understandingof the user interface.

The category region 230 may include one or more category objects thatcan be selected by the user to display corresponding detailedinformation of a category object in the design data region 270. Thecategory objects may include various items that make up the article asrepresented by the design image 210. In the example of FIG. 3, suchcategory objects include: pattern, fabric, trim and measure, each ofwhich is shown as a pattern category object 232, a material categoryobject 234, a supplemental material 236 and a measure category object238.

The processor 120 may receive the user selection input to one categoryobject included in the category region 230. The processor 120 maydisplay one category object corresponding to the user selection inputamong one or more category objects included in the category region 230in a manner different from the remaining category objects. The selectionlayer 220 may include display objects that differently display onecategory object corresponding to the user selection input and theremaining category objects. For example, the processor 120 may mark thecategory object corresponding to the user selection input with a whitecolor while the remaining category objects are marked with a grey color.

The design data region 270 may include one or more design data item 250corresponding to the category object according to the user selectioninput. Each of one or more design data item 250 included in the designdata region 270 may be a user selectable display object. The processor120 may display a design data item selected via the user selection inputin a manner different from the remaining design data items. The designdata region 270 may include a display object that differently displaysthe design data item corresponding to the user selection input and theremaining design data items. For example, the processor 120 may displaybackground of the design data items in a different manner—a darkbackground is displayed for a design data item selected by the userwhile a light background is displayed for the remaining design dataitems.

The design data region 270 may include one or more design data items250. The design data region 270 may include identification data 252, anddescriptive data 254 and 256 for each of one or more design data items250.

The identification data 252 may be data identifying one or more designdata items. For example, the identification data 252 may be marked witha number, a text, or a color. For example, one or more respective designdata item may correspond to at least one of: different numbers, texts,or colors. For example, one or more respective design data items maycorrespond to different numbers. The design data region 270 may includedesign data items aligned according to the identification data 252. Thedesign data region 270 may include design data items aligned accordingto a number in ascending order, a number in descending order, analphabetic order, and a color code order, for instance.

The descriptive data 254 and 256 may be data describing one or moredesign data items. The descriptive data may include at least one of: animage 254 or a text 256 describing the design data items. Thedescriptive data may be a display object associated with at least oneof: image 254 or text 256 describing the design data items. The image254 describing the design data items may include, for example, a patternimage, a material image, a supplemental material image and the like. Thetext 256 describing the design data items may include, for example, apattern location, a material name, a supplemental material name and thelike.

The descriptive data 254 may include a three-dimensional image or videodescribing the design data items. The descriptive data 254 may be animage expressing at least a part of the design image corresponding tothe design data items three-dimensionally. The descriptive data 254 maybe a video related to a case where at least a part of the design imagecorresponds to the design data item moves. For example, when the designdata item is data related to the supplemental material, the descriptivedata 254 may be data displaying the supplemental materialthree-dimensionally. For example, the design data item may be datarelated to the button. The descriptive data may include an imagedisplaying the button three-dimensionally. When the design data item isdata related to the material, the descriptive data 254 may be an imagein which the fabric of the corresponding material is blown in the wind.For example, the image may have a length of 2 seconds and thecorresponding image may be repeated and displayed as the descriptivedata 254.

The design data region 270 may include one or more design data itemsgrouped for each sub category. The sub category may group one or moredesign data items which belong to the same category having the same subattribute according to a criterion. For example, one or more design dataitems which belong to the same supplemental material category may begrouped in the same sub category for each of the button, a stitch, and alogo. The processor 120 may display a sub category name in the designdata region 270. The design data region 270 may include the sub categoryname. The processor 120 may display one or more design data itemsincluded in the sub category below the sub category name of the designdata region 270. One or more design data items included in the subcategory may be included below the sub category name of the design dataregion 270.

The selection layer 220 may display design data items with correspondingannotations in a manner different from design data items withoutcorresponding annotations. For example, when there is an annotationgenerated to correspond to the design data item or when there is anannotation generated for at least a part of a region of the design imagecorrespond to the design data item, the corresponding design data itemmay be displayed in a manner different from another design data item.For example, when there is a corresponding annotation, a blue squareobject may be separately displayed in the corresponding design data itemor a background color may be displayed in a different manner. Theprocessor 120 may receive a user selection input to at least one designdata item included in the selection layer 220. The processor 120 maydisplay design data item corresponding to the user selection input in amanner different from the remaining design data items. The selectionlayer 220 may include a display object displaying the design data itemcorresponding to the user selection input in a manner different from theremaining design data items.

The processor 120 may display on the design image a visualrepresentation 260 in one or more regions corresponding to the userselection input in response to the user selection input to the designdata item. The design image layer 700 may further include a design imagewhere the visual representation 260 in one or more regions is displayedin response to the user selection input to the design data itemsincluded in the selection layer 220.

The visual representation 260 may display one or more regions of thedesign image corresponding to the user selection input in a mannerdifferent from other regions of the design image.

The visual representation 260 may include sub design image datadisplaying a region corresponding to the design data item. The processor120 may display the region corresponding to the design data itemaccording to the user selection input on the design image. The subdesign image data may be a display for the region corresponding to thedesign data item.

The visual representation 260 may include an outline of one or moreregions of the design image corresponding to the user selection input.The outline may be displayed with a color having high visibility, forexample. The processor 120 displays the outline with the color with highvisibility to differently display a region corresponding to the designdata item selected by the user and other regions. The detaileddescription of the visual representation is merely an example and thepresent disclosure is not limited thereto.

The visual representation 260 may visually distinguish one or moreregions to the other regions by increasing and displaying transparencyof the other regions of the design image. The processor 120 may displaythe design image by setting transparency of all regions of the designimage to the same level until the user selects the design data item.When the user selects at least one design data item, the processor 120may display the design image by setting transparency of the regioncorresponding to the design data item and the other regions differently.For example, the processor 120 may display one region on the designimage corresponding to the design data item selected by the useropaquely and display the remaining regions semi-transparently. Thedetailed description of the visual representation is merely an exampleand the present disclosure is not limited thereto.

The visual representation 260 may use for instance, color, material andetc. as a distinguisher to discern the region corresponding to the userselection input from the other regions. However, this is merely anexample and the present disclosure is not limited thereto. The visualrepresentation 260 may display different colors for the regioncorresponding to the user selection input from the other regions. Thevisual representation 260 may display the region corresponding to theuser selection input with a color of high visibility. The detaileddescription of the visual representation is merely an example and thepresent disclosure is not limited thereto.

The visual representation 260 may include identification dataidentifying the design data item. The processor 120 may displayidentification data in the region corresponding to the design data itemaccording to the user selection input or on the periphery of the region.Even when the user selects two or more design data items, the processor120 may display the identification data so that parts corresponding totwo or more design data items respectively is distinguishable on thedesign image. The identification data included in the design image layer700 and the identification data included in the selection layer 220 maybe objects including the corresponding visual representation. The objectincluding the corresponding visual representation may be an object whichallows the user to recognize the corresponding display as the shape, thetexture, or the color of the object is similar. The corresponding visualrepresentation may include the same visual representation, a similarvisual representation, and a visual representation in which at least apart is the same or similar. For example, the identification dataincluded in the design image layer 700 and the identification dataincluded in the selection layer 220 may be objects including the same orsimilar shape or the same or similar color. For example, theidentification data included in the design image layer 700 and theidentification data included in the selection layer 220 may be objectsincluding the same number or objects including the same color. Thedetailed description of the identification data is merely an example,and the present disclosure is not limited thereto. For example, theprocessor 120 may receive user selection inputs to design data items #2and #4 respectively. The processor 120 may display identification dataof “2” and “4” in respective regions so as to distinguish regionscorresponding to two design data items on the design image. Theidentification data on the design image included in the design imagelayer 700 and the identification data included in the selection layer220 are displayed as objects including the corresponding visualrepresentation and as a result, the user may intuitively perceive whichpart of the article (e.g., garment) the identification data is related.Intuitively understanding of the user interface may be enhanced throughthe visual representation according to the present disclosure.

The processor 120 may display on the design image a visualrepresentation 260 in one or more regions corresponding to the userselection input in response to the user selection input for the designdata items. The processor 120 may display two or more visualrepresentations 260 on the design image. Two or more visualrepresentations 260 may include, for example, a visual representationdisplaying the other region of the design image by increasing the levelof transparency for the other region and a visual representation for theidentification data identifying the design data items. Two or morevisual representations 260 may be displayed on the design imagesimultaneously or sequentially. For example, in response to the userselection input to the design data items, the visual representationdisplaying the other region of the design image by increasing thetransparency for the other region of the design image may be primarilygenerated on the design image and the visual representation for theidentification data identifying the design data items may be secondarilygenerated on the design image. The processor 120 may generate arepresentation for distinguishing one region from the other regions onthe design image. The representation is selected and input by the useramong two or more visual representations stored in the memory 130. Thevisual representation displayed on the design image may be generated bya method selected by the user.

According to an exemplary embodiment of the present disclosure, thedesign image 210 may include one or more design image sub-objectsallowing a sub-object user input. The design image sub-object may be adisplay object allowing the sub-object user input to a part of a regionof the design image 210. The design image sub-object may be a regionwith a matching design data items among one or more regions included inthe design image 210. For example, the design image sub-object may be anobject associated with the pattern, the supplemental material and etc.included in the design image.

In response to the user selection input related to the design image 210,the selection layer 220 may display the visual representationcorresponding to the user selection input on the design data item. Theselection layer 220 may display the visual representation related to oneor more design data items corresponding to the user selection inputrelated to the design image sub-object in the design image layer. Forexample, the design image sub-object selected by the user may be adisplay object related to a button supplemental material and theselection layer 220 may display the visual representation in the designdata item related to the button supplemental material included in theselection layer 220 in response to the user selection input.

The design image layer 700 may display the visual representation for thedesign image sub-object selected and input by the user. The selectionlayer 220 may display the visual representation for the design data itemcorresponding to the design image sub-object. The visual representationdisplayed in the design image layer 700 and the visual representationdisplayed in the selection layer 220 may be corresponding visualrepresentations. For example, when an annotation display of the designimage sub-object selected by the user is generated with the coloryellow, the annotation display is generated also with the color yelloweven for a corresponding design data item, and as a result, thecorresponding visual representation may be generated in each layer.

When the user wants to know detailed design data corresponding to thedesign image while viewing the design image, the user may click on aregion on of the design image. When the user clicks on one specificregion of the design image, a corresponding design data item isdisplayed in the selection layer, and as a result, the user mayconveniently identify a detailed supplemental material, measure,material and etc. for creating the design of the part corresponding tothe specific region.

The processor 120 may display a development view display object 240. Thedesign image layer 700 may include the development view display object240. The development view display object 240 may be a display objectdisplaying a development view including one or more patterns. Thedevelopment view refers to a drawing laying out of the display object240 two dimensionally. The processor 120 may display a development viewfor one or more patterns generating a design corresponding to the designimage in response to a user selection input to the development viewdisplay object 240. The user interface may further include a developmentview display layer in response to the user selection input to thedevelopment view display object 240. The development view may includeone or more patterns. The user may identify one or more patterns throughthe development view at a glance. When the processor 120 receives theuser selection input to the development view display object 240 in astate in which the development view is displayed, the processor 120 mayselect the development view not to be displayed. When the user interfacereceives the user selection input to the development view display object240 in a state in which the development view display layer is displayed,the user interface may allow the development view display layer not tobe displayed. In other words, the user input to the development viewdisplay object 240 may operate as a display/non-display switch for thedevelopment view.

The processor 120 may provide the design data item in the format of adownloadable file. The processor 120 may provide one or more design dataitems as a downloadable file in response to a download request of theuser. The processor 120 may generate a data file acquired by organizingone or more design data items as a table, for example. For example, theprocessor 120 may provide one or more design data items in an Excelsheet format. The detailed description of the download is merely anexample and the present disclosure is not limited thereto.

In above embodiments of the present disclosure, the garment data and thegarment image are provided to enable the visual representation for thegarment data selected by the user to be shown on the garment image, andtherefore, facilitates identifying of a part within a virtual samplegarment where the corresponding garment data is used. When the garmentis generated, a process line of using fabric and cutting the fabricaccording to the pattern and a process line of attaching thesupplemental material to the garment may be different from one other. Agarment information providing method according to an exemplaryembodiment of the present disclosure provides garment data correspondingto the pattern, the material, and the supplemental material in adifferent manner to enable the user to promptly determine only the partrequired in each process, and thereby reduces the amount of timerequired for the entire processes.

FIG. 4 is a user interface diagram illustrating an annotation layer 310overlaid on the design image layer 700, according to one embodiment ofthe present disclosure. The processor 120 may display an annotationlayer 310 in response to receiving the user selection input to theannotation input object 300. The user interface may further include anannotation layer 310 in response to the user selection input to theannotation input object 300. The processor 120 may additionally displaythe annotation layer 310 in order to allow a user annotation input forat least one of the design image or the design data items.

The annotation input may include additional data related to the designimage or the design data items. The additional data is data intended byone user to deliver to other users with respect to the design image orthe design data items. For example, the additional data may be afeedback, an attention and etc. for the design image or the design dataitems. When the designer delivers the design data items and the designimage to the company, the company may deliver a feedback for a part tobe modified through the annotation input. Alternatively, when thecompany delivers the design data items and the design image to a garmentfactory, the company may deliver an instruction to give extra caution toa specific part at the time of making the garment.

The annotation layer 310 may include one or more annotation objectsallowing a user selection input to one or more annotation types. One ormore annotation types may include an annotation for writing charactersand an annotation for displaying a figure. The annotation layer 310 mayinclude a character annotation object 312 for writing the character anda figure annotation object 314 for displaying the figure. The figureannotation object 314 may include, for example, a free curve annotationobject, a straight line annotation object, a circle annotation object,an arrow annotation object, a square annotation object and the like. Theannotation layer 310 may include a color selection object designatingthe color of the annotation object.

In response to receiving a user input to the annotation object includedin the annotation layer 310 and a location where the annotation objectis displayed, the processor 120 may display the annotation object at thecorresponding location. In response to the user input to the annotationobject included in the annotation layer 310 and the location, the designimage layer 700 may further include the annotation object at thecorresponding location. The processor 120 may receive a first user inputto the annotation object included in the annotation layer 310. After thefirst user input, the processor 120 may receive a second user input fordesignating the location where the annotation object corresponding tothe first user input is displayed. After the second user input, when thefirst user input is an input corresponding to a character annotationobject 312, the processor 120 may receive a third user input forinputting the character. The processor 120 may display the annotationobject corresponding to the first user input at a location correspondingto the second user input. The design image layer 700 may further includethe annotation object corresponding to the first user input displayed atthe location corresponding to the second user input. The second userinput may be a different input according to the annotation object. Forexample, the second user input to a curve annotation object may be aninput for designating a location for each of the starting point where acurve starts and an end point where the curve ends. The processor 120may display the curve annotation object 330 corresponding to the seconduser input simultaneously with the design image. The design image layer700 may further include the annotation object corresponding to thesecond user input displayed simultaneously with the design image. Forexample, the second user input to the character annotation object 312may be an input for designating a location where the characterannotation object (i.e., note) is displayed. A character correspondingto a third user input may be displayed in the character annotationobject 320. The character annotation object 320 may include thecharacter corresponding to the third user input.

The processor 120 may display an input deletion object 350 and an inputcompletion object 360 for the annotation object. The design image layer700 may further include the input deletion object 350 and the inputcompletion object 360. The input deletion object 350 may be a displayobject for deleting the display of the annotation object. The inputcompletion object 360 may be a display object for storing the display ofa specific annotation object. A user or another user who inputs thecorresponding annotation object may check the annotation object storedthrough the input completion object 360 again afterwards.

The processor 120 may display an input rewind object or revival object340 for the annotation object. The design image layer 700 may includethe input rewind object or revival object 340 for the annotation object.An input to a most recent input annotation object may be deletedaccording to a user selection input to the rewind object. Alternatively,an annotation object deleted according to rewind object may be generatedagain according to the user selection input to the rewind object.

The processor 120 may change and display at least one of: one or moredesign data items or design images to correspond to the user annotationinput. At least one layer of the design image layer 700 or the selectionlayer 220 may include at least one of: the design image changed or thedesign data items changed to correspond to the user annotation input.The user annotation input may be an input for changing at least a partof the design image. The processor 120 may change and display at least apart of the design image using the user annotation input. The designimage layer 700 may include the design image in which at least a part ischanged to correspond to the user annotation input. For example, theuser annotation input may be an input for an annotation object 330 formodifying a side curve line of the T-shirt. For example, the processor10 identifies the input for the annotation object 330 and modifies theline of the T-shirt to display the design image. The design image layer700 may further include the design image in which the input for theannotation object 330 is identified and the line of the T-shirt is atleast partially modified. Alternatively, the processor 120 identifiesthe input for the annotation object 330 and modifies the measure of theT-shirt to display the design data items. The selection layer 220 mayfurther include design data items modified by identifying the input forthe annotation object 330.

The processor 120 may allow an annotation list layer to be additionallydisplayed in the user interface. The annotation list layer is disposedin one region of the user interface to display annotation informationinput by users. The annotation list layer may, for example, display theannotation information aligned in a time order in which the userperforms the annotation input or display the annotation informationaligned in an annotation order designated by the user. The processor 120may receive a user selection input to the annotation informationincluded in the annotation list layer. At least one of the design imagelayer 700 or the selection layer 220 may display annotation informationcorresponding to the user selection input in the annotation list layer.

Additional data is delivered to another user through the annotationinput and as a result, efficient communication for the garment designmay be conducted. The feedback delivered through a telephone orhandwriting in the related art is directly displayed on the garmentimage and delivered online and as a result, the accuracy of feedbackdelivery may be enhanced.

FIG. 5 is a flowchart for providing a user interface for displayingdesign information according to an exemplary embodiment of the presentdisclosure. A computing device 100 may display 610 a design image andone or more design data items associated with the design image. Thedesign image may represent a three-dimensional object. The computingdevice 100 may adjust and additionally display at least one of:location, angle, or size of the design image displayed in response toreceiving a user adjustment input to the design image.

The computing device 100 may additionally display a design image changelayer allowing a user selection input to change a feature related to thedesign image. The computing device 100 may change and additionallydisplay the feature of the design image in response to receiving theuser selection input in the image change layer.

The computing device 100 may display 620 a selection layer allowing auser selection input to one or more design data items. The selectionlayer and a layer which display the design image may be of differentlayers. The selection layer may move independently of the layer wherethe design image is displayed in response to a user input.

The selection layer may include one or more category objects and includea category region allowing a user selection input to the category objectand a design data region displaying one or more design data itemscorresponding to the category object according to a user selectioninput. The category object may include at least one of: a patterncategory object, a material category object, a supplemental materialcategory object, or a measure category object. The design data regionmay display at least one of: identification data identifying the one ormore design data items or descriptive data describing the one or moredesign data items.

The computing device 100 may display 630 on the design image a visualrepresentation in one or more regions corresponding to the userselection input in response to the user selection input in the selectionlayer.

The visual representation may include at least one of: theidentification data identifying the design data item on the design imageor sub design image data displaying a region corresponding to the designdata item on the design image. The visual representation may display oneor more regions of the design image corresponding to the user selectioninput in a manner different from other regions of the design image.

The computing device 100 may additionally display the annotation layerin order to allow a user annotation input for at least one of: thedesign image or the design data items. The annotation layer may includeone or more annotation objects allowing a user to provide selectioninput to one or more annotation types. In response to receiving a userinput to the annotation object included in the annotation layer and alocation where the annotation object is to be displayed, the computingdevice 100 may additionally display the annotation object according tothe user input at the corresponding location. The computing device 100may change and additionally display at least one of: one or more designdata items or design images to correspond to the user annotation input.

FIG. 6 is a block diagram of a computing device according to anexemplary embodiment of the present disclosure. FIG. 6 is a simple andnormal schematic view of an exemplary computing environment in which theexemplary embodiments of the present disclosure may be implemented.

The present disclosure has generally been described above in associationwith a computer executable instruction which may be executed on one ormore computers, but it can be implemented through a combination withother program modules and/or a combination of hardware and software.

In general, the program module includes a routine, a program, acomponent, a data structure and the like that execute a specific task orimplement a specific abstract data type. Further, the method of thepresent disclosure can be implemented by other computer systemconfigurations including a personal computer, a handheld computingdevice, microprocessor-based or programmable home appliances and others(the respective devices may operate in connection with one or moreassociated devices as well as a single-processor or multi-processorcomputer system, a mini computer, and a main frame computer).

The exemplary embodiments described in the present disclosure may alsobe implemented in a distributed computing environment in whichpredetermined tasks are performed by remote processing devices connectedthrough a communication network. In the distributed computingenvironment, the program module may be positioned in both local andremote memory storage devices.

The computer generally includes various computer readable media. Mediaaccessible by the computer may be computer readable media regardless oftypes thereof. The computer readable media include volatile andnon-volatile media, transitory and non-transitory media, and mobile andnon-mobile media. As not a limit but an example, the computer readablemedia may include both computer readable storage media and computerreadable transmission media. The computer readable storage media includevolatile and non-volatile media, temporary and non-temporary media, andmovable and non-movable media implemented by a predetermined method ortechnology for storing information such as a computer readableinstruction, a data structure, a program module or other data. Thecomputer storage media include a RAM, a ROM, an EEPROM, a flash memoryor other memory technologies, a CD-ROM, a digital video disk (DVD) orother optical disk storage devices, a magnetic cassette, a magnetictape, a magnetic disk storage device or other magnetic storage devicesor other predetermined media which may be accessed by the computer orused to store desired information, but are not limited thereto.

The computer readable transmission media generally implement thecomputer readable command, the data structure, the program module orother data in a modulated data signal such as other transport mechanismand include all information transfer media. The term “modulated datasignal” means a signal acquired by configuring or changing at least onecharacteristic of the signal so as to encode information in the signal.As not a limit but an example, the computer readable transmission mediainclude wired media such as a wired network or a direct-wired connectionand wireless media such as acoustic, RF, infrared and other wirelessmedia. A combination of any media among the aforementioned media is alsoincluded in a range of the computer readable transmission media.

An exemplary environment 1100 that implements various aspects of thepresent disclosure including a computer 1102 is shown, and the computer1102 includes a processing device 1104, a system memory 1106, and asystem bus 1108. The system bus 1108 connects system componentsincluding the system memory 1106 (not limited thereto) to the processingdevice 1104. The processing device 1104 may be a predetermined processoramong various commercial processors. A dual processor and othermulti-processor architectures may also be used as the processing device1104.

The system bus 1108 may be any one of several types of bus structureswhich may be additionally interconnected to a local bus using any one ofa memory bus, a peripheral device bus and various commercial busarchitectures. The system memory 1106 includes a read only memory (ROM)1110 and a random access memory (RAM) 1112. A basic input/output system(BIOS) is stored in the non-volatile memories 1110 including the ROM,the EPROM, the EEPROM and the like, and the BIOS includes a basicroutine that assists in transmitting information among components in thecomputer 1102 at a time such as in-starting. The RAM 1112 may alsoinclude a high-speed RAM including a static RAM for caching data and thelike.

The computer 1102 also includes an internal hard disk drive (HDD) 1114(for example, EIDE and SATA)—the internal hard disk drive (HDD) 1114 mayalso be configured for an external purpose in an appropriate chassis(not illustrated), a magnetic floppy disk drive (FDD) 1116 (for example,for reading from or writing in a mobile diskette 1118) and an opticaldisk drive 1120 (for example, for reading a CD-ROM disk 1122 or readingfrom or writing in other high-capacity optical media such as the DVD).The hard disk drive 1114, the magnetic disk drive 1116 and the opticaldisk drive 1120 may be connected to the system bus 1108 by a hard diskdrive interface 1124, a magnetic disk drive interface 1126 and anoptical drive interface 1128 respectively. An interface 1124 forimplementing an exterior drive includes at least one of a universalserial bus (USB) and an IEEE 1394 interface technology or both of them.

The drives and the computer readable media associated therewith providenon-volatile storage of the data, data structure, computer executableinstruction and others. In the case of the computer 1102, the drives andthe media correspond to storing of predetermined data in an appropriatedigital format. In the description of the computer readable media, themobile optical media such as the HDD, the mobile magnetic disk and theCD or the DVD are mentioned, but it will be well appreciated by thoseskilled in the art that other types of media readable by the computersuch as a zip drive, a magnetic cassette, a flash memory card, acartridge and others may also be used in an exemplary operatingenvironment and also, the predetermined media may include computerexecutable commands for executing the methods of the present disclosure.

Multiple program modules including an operating system 1130, one or moreapplication programs 1132, other program module 1134 and program data1136 may be stored in the drive and the RAM 1112. All or some of theoperating system, the application, the module and/or the data may alsobe cached by the RAM 1112. It will be well appreciated that the presentdisclosure may be implemented in operating systems which arecommercially usable or a combination of the operating systems.

A user may input instructions and information in the computer 1102through one or more wired/wireless input devices, for example, pointingdevices such as a keyboard 1138 and a mouse 1140. Other input devices(not illustrated) may include a microphone, an IR remote controller, ajoystick, a game pad, a stylus pen, a touch scene, and others. These andother input devices are often connected to the processing device 1104through an input device interface 1142 connected to the system bus 1108,but may be connected by other interfaces including a parallel port, anIEEE 1394 serial port, a USB port, an IR interface and others.

A monitor 1144 or other types of display devices are also connected tothe system bus 1108 through interfaces such as a video adapter 1146 andthe like. In addition to the monitor 1144, the computer generallyincludes a speaker, a printer and other peripheral output devices (notillustrated).

The computer 1102 may operate in a networked environment by using alogical connection to one or more remote computers including remotecomputer(s) 1148 through wired and/or wireless communication. The remotecomputer(s) 1148 may be a workstation, a computing device computer, arouter, a personal computer, a portable computer, a microprocessor basedentertainment apparatus, a peer device or other general network nodesand generally includes multiple components or all of the componentsdescribed with respect to the computer 1102, but only a memory storagedevice 1150 is illustrated for brief description. The illustratedlogical connection includes a wired/wireless connection to a local areanetwork (LAN) 1152 and/or a larger network, for example, a wide areanetwork (WAN) 1154. The LAN and WAN networking environments are generalenvironments in offices and companies and facilitate an enterprise-widecomputer network such as Intranet, and all of them may be connected to aworldwide computer network, for example, the Internet.

When the computer 1102 is used in the LAN networking environment, thecomputer 1102 is connected to a local network 1152 through a wiredand/or wireless communication network interface or an adapter 1156. Theadapter 1156 may facilitate the wired or wireless communication to theLAN 1152 and the LAN 1152 also includes a wireless access pointinstalled therein in order to communicate with the wireless adapter1156. When the computer 1102 is used in the WAN networking environment,the computer 1102 may include a modem 1158 or has other means thatconfigure communication through the WAN 1154 such as connection to acommunication computing device on the WAN 1154 or connection through theInternet. The modem 1158 which may be an internal or external and wiredor wireless device is connected to the system bus 1108 through theserial port interface 1142. In the networked environment, the programmodules described with respect to the computer 1102 or some thereof maybe stored in the remote memory/storage device 1150. It will be wellknown that an illustrated network connection is exemplary and othermeans configuring a communication link among computers may be used.

The computer 1102 performs an operation of communicating withpredetermined wireless devices or entities which are disposed andoperated by the wireless communication, for example, the printer, ascanner, a desktop and/or a portable computer, a portable data assistant(PDA), a communication satellite, predetermined equipment or placeassociated with a wireless detectable tag and a telephone. This at leastincludes wireless fidelity (Wi-Fi) and Bluetooth wireless technology.Accordingly, communication may be a predefined structure like thenetwork in the related art or just ad hoc communication between at leasttwo devices.

The wireless fidelity (Wi-Fi) enables connection to the Internet, andthe like without a wired cable. The Wi-Fi is a wireless technology suchas the device, for example, a cellular phone which enables the computerto transmit and receive data indoors or outdoors, that is, anywhere in acommunication range of a base station. The Wi-Fi network uses a wirelesstechnology called IEEE 802.11 (a, b, g, and others) in order to providesafe, reliable and high-speed wireless connection. The Wi-Fi may be usedto connect the computers to each other or the Internet and the wirednetwork (using IEEE 802.3 or Ethernet). The Wi-Fi network may operate,for example, at a data rate of 11 Mbps (802.11a) or 54 Mbps (802.11b) inunlicensed 2.4 and 5 GHz wireless bands or operate in a productincluding both bands (dual bands).

Various modifications to the exemplary embodiments may be made. Genericprinciples defined herein may be applied to other embodiments withoutdeparting from the scope of the present disclosure. Therefore, thepresent disclosure is not limited to the exemplary embodiments presentedherein.

What is claimed is:
 1. A method of designing a garment, comprising:displaying, in a design image layer, image of a virtual version of thegarment, the garment including a plurality of regions; displaying, in aselection layer, one or more design data items indicating types orconfigurations of the items at least in graphical representations, thegraphical representations coinciding with a pattern, a material or asupplemental material as displayed in the design image layer; receivinga user selection input indicating selection of a subset of the items bya user; and updating the design image layer by visually distinguishingone or more of the regions corresponding to the selected subset from theother regions, responsive to receiving the user selection input.
 2. Themethod of claim 1, wherein the design image layer and the selectionlayer are different layers, and wherein the method further comprises:moving the selection layer relative to the design image layer inresponse to a user movement input.
 3. The method of claim 1, wherein atleast a part of a region in the selection layer is overlaid on thedesign image layer in a transparent manner to render the design imagelayer visible.
 4. The method of claim 1, further comprising: displayingone or more categories of the items in a category region of theselection layer, wherein the user selection input identifies the one ormore categories to select the items; and displaying the one or moredesign data items in a design data region of the selection layer.
 5. Themethod of claim 4, wherein the category region and the design dataregion are displayed alongside each other.
 6. The method of claim 4,wherein the category object includes at least one of a pattern categoryobject, a material category object, a supplemental material categoryobject, or a measure category object.
 7. The method of claim 4, whereinthe design data region displays identification data identifying the oneor more design data items.
 8. The method of claim 7, wherein the one ormore design data items further comprise texts associated with thegraphical representations.
 9. The method of claim 7, wherein theidentification data is displayed on the image of the virtual version ofthe garment.
 10. The method of claim 9, wherein the identification dataon the image of the virtual version of the garment is included in thedesign image layer.
 11. The method of claim 1, wherein the one or moreof the regions corresponding to the selected one or more of the itemsare less transparent compared to regions other than the one or more ofthe regions.
 12. The method of claim 1, wherein an outline of the one ormore regions corresponding to the selected one or more items isdisplayed.
 13. The method of claim 1, wherein the one or more regionsare displayed in a color different from regions other than the one ormore regions.
 14. The method of claim 1, further comprising: displayingan annotation layer overlaid on the design image layer or the selectionlayer to enable the user to add one or more annotations on the displayedimage of the virtual version of the garment or a design data item in theselection layer.
 15. The method of claim 1, further comprising:receiving a user adjustment input; and changing a location, an angle, ora size of the image of the virtual version of the garment responsive toreceiving the user adjustment input.
 16. The method of claim 1, furthercomprising: displaying a design image change layer overlaid on thedesign image layer; receiving a user selection input representing changeof a feature related to the virtual version of the garment; and updatingthe displayed image of the image of the virtual version of the garmentresponsive to receiving the user selection input.
 17. The method ofclaim 1, wherein the virtual version of the garment includes includesone or more sub-objects selectable by the user, and the method furthercomprises: receiving a sub-object user input selecting one of the one ormore sub-objects; and displaying one or more design data itemscorresponding to the selected sub-object in the selection layer.
 18. Themethod of claim 1, wherein a portion of the selection layer withannotation is displayed in a different manner compared to anotherportion of the selection layer without annotation.
 19. A non-transitorycomputer readable storage medium storing instructions thereon, theinstructions when executed by a processor cause the processor to:display, in a design image layer, image of a virtual version of agarment, the garment including a plurality of regions; display, in aselection layer, one or more design data items indicating types orconfigurations of the items at least in graphical representations, thegraphical representations coinciding with a pattern, a material or asupplemental material as displayed in the design image layer; receive auser selection input indicating selection of subset of the items by auser; and update the design image layer by visually distinguishing oneor more of the regions corresponding to the selected subset from theother regions, responsive to receiving the user selection input.
 20. Acomputing device comprising: a processor; and a non-transitory memorystoring instructions thereon, the instructions when executed by aprocessor cause the processor to: display, in a design image layer,image of a virtual version of a garment, the garment including aplurality of regions; display, in a selection layer, one or more designdata items indicating types or configurations of the items at least ingraphical representations, the graphical representations coinciding witha pattern, a material or a supplemental material as displayed in thedesign image layer; receive a user selection input indicating selectionof a subset of the items by a user via a user input unit; and update thedesign image layer by visually distinguishing one or more of the regionscorresponding to the selected subset from the other regions, responsiveto receiving the user selection input.
 21. The computing device of claim20, wherein the display screen is provided in a second computing devicecommunicating with the computing device over a network.
 22. The methodof claim 1, further comprising receiving an annotation input of a firstuser; and receiving an annotation input of a second user correspondingto the annotation input of the first user.
 23. The method of claim 22,wherein the annotation input comprises an additional data related todesign image and design data.
 24. The method of claim 23, wherein theadditional data comprises content that the first user intends to deliverto the second user with respect to the design image or the design data.25. The method of claim 23, wherein the additional data comprises atleast one of feedback on the design image or the design data, anattention on the design image or the design data and an instruction togive extra caution to a specific part when making the garment.
 26. Themethod of claim 1, further comprising displaying, in a selection layer,one or more design data items are displayed 3D video related to a casewhere at least a part of the design image corresponds to the design dataitem moves.